<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<title></title>
<link rel="stylesheet" href="estilo.css"></link>
</h:head> 
<h:body>
<h:panelGrid id="panelPrincipal" width="100%" border="2" style="text-align: center; font-family: arial black; font-style: bold; color: blue;">
<h:outputLabel value="Sistema Odontológico" style="font-size: 30px;"/>
</h:panelGrid>
<h:panelGrid id="panelMenu" bgcolor="#AAAAFF" width="100%" border="2" >
</h:panelGrid>
<div style="width: 1200px; margin-left: -600px; left: 50%; height: 100%; position: absolute; margin-top: 100px;" align="center" >
		<h:form>
		<table width="50%" border="0" bgcolor="#AAAAFF">
		<tr>
		<td  width="100%" colspan="2" align="center">
		<h:outputText value="Acesso:" style="text-align: center; width: 100%; font-size: 20px" />
		</td>
		</tr>
		<tr>
		<td colspan="2" width="100%"><br /></td>
		</tr>
		<tr>		
		<td width="35%" align="right">
		<h:outputText value="Login:" style="font-size: 20px"/>
		</td>
		<td width="65%">
		<h:inputText value="#{controle.login}" size="30"/>
		</td>
		</tr>
					<tr>		
					<td width="35%" align="right">
					<h:outputText value="Senha:" style="font-size: 20px"/>
					</td>
					<td width="65%">
					<h:inputSecret value="#{controle.senha}" size="30"/>
					</td>
					</tr>
								<tr>		
								<td width="100%" colspan="2" align="center">
								<h:commandButton action="#{controle.verificar()}" value="Acessar" style="font-size: 15px"/>
								<h:outputText value=" Não é Cliente? Acesse como " />
								<h:commandLink value="Visitante" action="index" />
								</td>
								</tr>
		</table>
		</h:form>
	</div>
</h:body> 
</html>
